<!DOCTYPE html>
<html lang="en">
<head>
    <link href="../../css/bootstrap.css" rel="stylesheet">
    <link href="../../css/style.css" rel="stylesheet">
    <link href="../../css/bootstrap-theme.min.css">
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/bootstrap.js"></script>
    <meta charset="UTF-8">
    <title>Register</title>
</head>
<body class="layout-background">
<nav class="navbar navbar-default nav-bar">
    <div class="layout-width" >
        <div class="navbar-header">
            <a href="javascript:void(0)" class="navbar-brand">ITA Order System</a>
        </div>
        <div class="pull-right" style="font-size: 20px;position: relative;top: 10px;right: 55px;">
            <label class="control-label">Hello: </label>
            <a href="./merchantHome.html">Freedy</a>
            <div style="margin-left: 70px;margin-top: -8px;">
                <a class="btn btn-danger btn-xs" href="javascript:void(0)">Logout</a>
            </div>
        </div>
    </div>
</nav>
<br/>
<br/>
<br/>
<div class="container">
<div class="row" style="background-color: #fafcfe;border: 1px solid #dfe8f2;margin-bottom: 15px;overflow: hidden;">
    <div style="overflow: hidden;position: relative;right: -20%;">
        <h2>Register</h2>
    </div>
    <div class="col-md-9" style="margin: 20px 0 0 20px;">
        <form>
            <div class="form-group">
                <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Tel: </label>
                <div class="col-md-8">
                    <input class="form-control" type="text" placeholder="TelPhone">
                </div>
            </div>
            <br/><br/><br/>
            <div class="form-group">
                <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Name: </label>
                <div class="col-md-8">
                    <input class="form-control" type="text" placeholder="Merchant Name">
                </div>
            </div>
            <br/><br/>
            <div class="form-group">
                <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Type: </label>
                <div class="col-md-8">
                    <input class="form-control" type="text" placeholder="Merchant Type">
                </div>
            </div>
            <br/><br/>
            <div class="form-group">
                <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Address: </label>
                <div class="col-md-8">
                    <input class="form-control" type="text" placeholder="Address">
                </div>
            </div>
            <br/><br/>
            <div class="form-group">
                <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Info: </label>
                <div class="col-md-8">
                    <textarea class="form-control" type="text" placeholder="Info"></textarea>
                </div>
            </div>
            <br/><br/><br/>
            <div class="form-group">
                <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Email: </label>
                <div class="col-md-8">
                    <input class="form-control" type="text" placeholder="Email">
                </div>
            </div>
            <br/><br/>
            <div class="form-group">
                <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Password: </label>
                <div class="col-md-8">
                    <input class="form-control" type="text" placeholder="Password">
                </div>
            </div>
            <br/><br/>
            <div class="form-group">
                <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Confirm Password: </label>
                <div class="col-md-8">
                    <input class="form-control" type="text" placeholder="Confirm Password">
                </div>
            </div>
            <br/><br/>
            <div class="form-group">
                <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Logo</label>
                <div class="col-md-5">
                    <input type="file">
                </div>
            </div>
            <br/><br/><br/>
            <div class="text-center">
                <button class="btn btn-primary" style="width: 200px;">Register</button>
            </div>
            <br/><br/>
        </form>
    </div>
    <div>
        <img src="../../images/logo.jpg">
        <br/><br/><br/><br/>
        <p>This is website profile.</p>
        <p>This is website profile.</p>
        <p>This is website profile.</p>
        <p>This is website profile.</p>
        <p>This is website profile.</p>
        <p>This is website profile.</p>
    </div>
</div>
</div>
</body>
</html>